<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title><?=INSTANCE_NAME?></title>
<style type="text/css">      
html,body{
    width:100%; height:100%;
    margin:0; padding:0;
    background-color: #FFFFFF;
}
.wrapper{
    width:5in; 
    margin:auto; 
    padding: 0 0.2in;
}                         
.header{
    border-bottom-style:solid; 
    border-bottom-color:#666666; 
    border-bottom-width:0.001in; 
    margin-top:0.3in;          
}
    .header img{
        margin:0.2in 0;
    }
.title{
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.23in; 
    line-height:0.23in;        
    color:#333;
    font-weight:bold;
    margin-top:0.16in;
}
.intro{
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.155in;
    line-height:0.155in;
    margin-top:0.03in;
    color:#666666;
    font-weight:normal;
    margin-bottom:0.15in;      
}
.description{
    font-family:Arial,Helvetica;   
    font-size:0.1in;    
    line-height:0.1in;
    margin-top:0;
    margin-bottom:0.1in;
    color:#333333;
    font-weight:normal;
    line-height:0.1in;
}   
    .description p{            
        padding:0;
        margin:0;
        margin-bottom:0.1in;
    }   
table{
    width:100%;
    margin-bottom:0.1in;      
    margin-top:0.15in;
}
td{
    width:31%;                                   
    margin-right:2%;       
    font-family:Arial,Helvetica;   
    color:#333333;
    font-weight:normal; 
    font-size:0.1in;    
    line-height:0.108in;
}
.footer{                 
    font-family:Arial,Helvetica;
    line-height:0.08in;
    font-size:0.08in;
    color:#000000;
    margin-top:0.15in; 
    padding-top:0.15in; 
    border-top-style:solid; 
    border-top-color:#666666; 
    border-top-width:0.001in;                    
}

</style>

</head>
<body>
                       
<div class="wrapper header">
    <img src="assets/website/images/deferranti-logo.gif" width="239" height="38" /> 
</div>
                                                                                                        
<div class="wrapper">
     <div class="title">
        <?=$item['Name_Products']?>
     </div>

     <div class="intro">
        <?=$item['Introduction_Products']?>
     </div>

     <div class="description">
        <?=$item['Description_Products']?>
     </div>            
        
     <? if (!empty($item['Main_Image'])) { ?>
     <img style="width:5in; height:3.27in;" class="main_img" src="<?=UPLOADS_FOLDER.PRODUCT_IMG_FOLDER.$item['Main_Image']?>" alt="<?=INSTANCE_NAME?>" border="0" />
	 <? } ?>
                       
     <table>
        <tr>
            <td>
            <? if(!empty($item["specifications"])) { ?>
                <strong>Product Specifications:</strong><br>
                <? foreach($item["specifications"] as $spec) { ?>
                    <?=$spec['Name_Specs']?>: <?=$spec['Value']?> <?=@$spec['name_Units']?><br/>
                <? } ?>
            <? } ?>   
            </td>

            <td>
                <? if(!empty($item["applications"])) { 
                    $firstcolsize = ceil(count($item["applications"])/2);
                ?>
                    <strong>Product Applications:</strong><br>
                    <? for($i=0; $i<$firstcolsize; $i++) { ?>
                        <?=$item["applications"][$i]["Name_Applications"]?><br/>
                    <? } ?>
                <? } ?>
             </td>

             <td>
                <? if(!empty($item["applications"])) { ?>
                    <? for($i=$firstcolsize; $i<count($item["applications"]); $i++) { ?>
                        <?=$item["applications"][$i]["Name_Applications"]?><br/>
                    <? } ?>
                <? } ?>   
             </td>
        </tr>
     </table>
</div>

<div class="wrapper footer">
                              
    <p>
    <?=$this->lang->line('FooterContacts');?>
    </p>

</div>

</body>
</html>